<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:siga= "http://java.sun.com/jsf/composite/siga">

	<f:loadBundle basename="registrarQuejaAerolinea_msg" var="label" />
	<h1>${label['registrarQuejaAerolinea.titulo']}</h1>
	
	<rich:collapsiblePanel header="${label['registrarQuejaAerolinea.informacionPasajero']}" switchType="client">
		<h:panelGroup styleClass="form_2_css">
			<ul><li>
				<!-- Tipo de Documento -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.tipoDocumento']}" styleClass="requiredLabel_css" />
				<rich:select value="#{registrarQuejaAerolinea.tipoDocumento}"
					id="selectorTipoDocumento" enableManualInput="true" onfocus="setSelectDimensions(this)"
					converter="#{tipoDocumentoConvertidor}" onlistshow="showToolTip(this)"
					disabled="#{not empty registrarQuejaAerolinea.tipoDocumento}">
					<f:selectItem itemLabel="" itemValue="" />
					<f:selectItems value="#{registrarQuejaAerolinea.listaTipoDocumento}"
						var="itemTipoDocumento" itemLabel="#{itemTipoDocumento.descripcion}"
						itemValue="#{itemTipoDocumento}" />
					<f:param name="cid" value="#{javax.enterprise.context.conversation.id}" />
				</rich:select>
				<rich:message for="selectorTipoDocumento" />
			</li><li>
				<!-- Número de Documento -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.numeroDocumento']}" styleClass="requiredLabel_css" />
				<h:inputText id="inputNumeroDocumento" value="#{registrarQuejaAerolinea.numeroDocumento}"
				disabled="#{not empty registrarQuejaAerolinea.numeroDocumento}" />
				<rich:message for="inputNumeroDocumento" />
			</li><li>
				<!-- Primer Apellido -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.primerApellido']}" styleClass="requiredLabel_css" />
				<h:inputText id="inputPrimerApellido" value="#{registrarQuejaAerolinea.primerApellido}"
				disabled="#{not empty registrarQuejaAerolinea.primerApellido}" />
				<rich:message for="inputPrimerApellido" />
			</li><li>
				<!-- Segundo Apellido -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.segundoApellido']}" />
				<h:inputText id="inputSegundoApellido" value="#{registrarQuejaAerolinea.segundoApellido}"
				disabled="#{not empty registrarQuejaAerolinea.segundoApellido}" />
				<rich:message for="inputSegundoApellido" />
			</li><li>
				<!-- Primer Nombre -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.primerNombre']}" styleClass="requiredLabel_css" />
				<h:inputText id="inputPrimerNombre" value="#{registrarQuejaAerolinea.primerNombre}"
				disabled="#{not empty registrarQuejaAerolinea.primerNombre}" />
				<rich:message for="inputPrimerNombre" />
			</li><li>
				<!-- Segundo Nombre -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.segundoNombre']}" />
				<h:inputText id="inputSegundoNombre" value="#{registrarQuejaAerolinea.segundoNombre}"
				disabled="#{not empty registrarQuejaAerolinea.segundoNombre}" />
				<rich:message for="inputSegundoNombre" />
			</li><li>
				<!-- Dirección de residencia -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.direccionResidencia']}" styleClass="requiredLabel_css" />
				<h:inputText id="inputDireccionResidencia" value="#{registrarQuejaAerolinea.direccionResidencia}"
				disabled="#{not empty registrarQuejaAerolinea.direccionResidencia}" />
				<rich:message for="inputDireccionResidencia" />
			</li><li>
				<!-- Pais -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.pais']}" styleClass="requiredLabel_css" />
				<rich:select value="#{registrarQuejaAerolinea.pais}"
					id="selectorPais" enableManualInput="false" onfocus="setSelectDimensions(this)"
					converter="#{paisConvertidor}" onlistshow="showToolTip(this)"
					disabled="#{not empty registrarQuejaAerolinea.pais}"
					valueChangeListener="#{registrarQuejaAerolinea.listarDepartamentoPorPais}">
					<f:selectItem itemLabel="" itemValue="" />
					<f:selectItems value="#{registrarQuejaAerolinea.listaPais}"
						var="itemPais" itemLabel="#{itemPais.descripcion}"
						itemValue="#{itemPais}" />
					<a4j:ajax event="selectitem" execute="selectorPais" render="selectorDepartamento" />
					<f:param name="cid" value="#{javax.enterprise.context.conversation.id}" />
				</rich:select>
				<rich:message for="selectorPais" />
			</li><li>
				<!-- Departamento -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.departamento']}" styleClass="requiredLabel_css" />
				<rich:select value="#{registrarQuejaAerolinea.departamento}"
					id="selectorDepartamento" enableManualInput="true" onfocus="setSelectDimensions(this)"
					converter="#{departamentoConvertidor}" onlistshow="showToolTip(this)"
					disabled="#{not empty registrarQuejaAerolinea.departamento}"
					valueChangeListener="#{registrarQuejaAerolinea.listarCiudadesPorDepartamento}">
					<f:selectItem itemLabel="" itemValue="" />
					<f:selectItems value="#{registrarQuejaAerolinea.listaDepartamento}"
						var="itemDepartamento" itemLabel="#{itemDepartamento.descripcion}"
						itemValue="#{itemDepartamento}" />
					<a4j:ajax event="selectitem" execute="selectorDepartamento" render="selectorCiudadResidencia" />
					<f:param name="cid"
						value="#{javax.enterprise.context.conversation.id}" />
				</rich:select>
				<rich:message for="selectorDepartamento" />
			</li><li>
				<!-- Ciudad de Residencia -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.ciudadResidencia']}" styleClass="requiredLabel_css" />
				<rich:select value="#{registrarQuejaAerolinea.ciudadResidencia}"
					id="selectorCiudadResidencia" enableManualInput="true" onfocus="setSelectDimensions(this)"
					converter="#{ciudadConvertidor}" onlistshow="showToolTip(this)"
					disabled="#{not empty registrarQuejaAerolinea.ciudadResidencia}">
					<f:selectItem itemLabel="" itemValue="" />
					<f:selectItems value="#{registrarQuejaAerolinea.listaCiudadResidencia}"
						var="itemCiudadResidencia" itemLabel="#{itemCiudadResidencia.descripcion}"
						itemValue="#{itemCiudadResidencia}" />
					<f:param name="cid" value="#{javax.enterprise.context.conversation.id}" />
				</rich:select>
				<rich:message for="selectorCiudadResidencia" />
			</li><li>
				<!-- Celular -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.celular']}" styleClass="requiredLabel_css" />
				<h:inputText id="inputCelular" value="#{registrarQuejaAerolinea.celular}"
				disabled="#{not empty registrarQuejaAerolinea.celular}" />
				<rich:message for="inputCelular" />
			</li><li>
				<!-- Telefonos -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.telefonos']}" styleClass="requiredLabel_css" />
				<h:inputText id="inputTelefonos" value="#{registrarQuejaAerolinea.telefonos}"
				disabled="#{not empty registrarQuejaAerolinea.telefonos}" />
				<rich:message for="inputTelefonos" />
			</li><li>
				<!-- Correo Electronico -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.correoElectronico']}" styleClass="requiredLabel_css" />
				<h:inputText id="inputCorreoElectronico" value="#{registrarQuejaAerolinea.correoElectronico}"
				disabled="#{not empty registrarQuejaAerolinea.correoElectronico}" />
				<rich:message for="inputCorreoElectronico" />
			</li><li>
				<!-- Confirmacion Correo electronico  -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.confirmacionCorreoElectronico']}" styleClass="requiredLabel_css" />
				<h:inputText id="inputConfirmacionCorreoElectronico" value="#{registrarQuejaAerolinea.confirmacionCorreoElectronico}"
				disabled="#{not empty registrarQuejaAerolinea.confirmacionCorreoElectronico}" />
				<rich:message for="inputConfirmacionCorreoElectronico" />
			</li><li>
				<!-- Correo electronico alterno -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.correoElectronicoAlterno']}" />
				<h:inputText id="inputCorreoElectronicoAlterno" value="#{registrarQuejaAerolinea.correoElectronicoAlterno}"
				disabled="#{not empty registrarQuejaAerolinea.correoElectronicoAlterno}" />
				<rich:message for="inputCorreoElectronicoAlterno" />
			</li><li>
				<!-- Confirmacion correo electronico alterno -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.confirmacionCorreoElectronicoAlterno']}" />
				<h:inputText id="inputConfirmacionCorreoElectronicoAlterno" value="#{registrarQuejaAerolinea.confirmacionCorreoElectronicoAlterno}"
				disabled="#{not empty registrarQuejaAerolinea.confirmacionCorreoElectronicoAlterno}" />
				<rich:message for="inputConfirmacionCorreoElectronicoAlterno" />
			</li></ul>	
		</h:panelGroup>
	</rich:collapsiblePanel>
	
	<rich:collapsiblePanel header="${label['registrarQuejaAerolinea.informacionVuelo']}" switchType="client">
		<h:panelGroup styleClass="form_2_css">
			<ul><li>
				<!-- Fecha Registro Queja -->
				<h:outputLabel styleClass="requiredLabel_css" 
					value="${label['registrarQuejaAerolinea.fechaRegistroQueja']}"/>
				<siga:calendario pIdentificador = "calendarFechaRegistroQueja" pValor = "#{registrarQuejaAerolinea.fechaRegistroQueja}"/>
			</li><li>
				<!-- Hora registro queja -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.horaRegistroQueja']}" styleClass="requiredLabel_css" />
				<h:inputText id="inputHoraRegistroQueja" value="#{registrarQuejaAerolinea.horaRegistroQueja}"
				disabled="#{not empty registrarQuejaAerolinea.horaRegistroQueja}" />
				<rich:message for="inputHoraRegistroQueja" />
			</li><li>
				<!-- Ciudad -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.ciudad']}" styleClass="requiredLabel_css" />
				<rich:select value="#{registrarQuejaAerolinea.ciudad}"
					id="selectorCiudad" enableManualInput="true" onfocus="setSelectDimensions(this)"
					converter="#{ciudadConvertidor}" onlistshow="showToolTip(this)"
					disabled="#{not empty registrarQuejaAerolinea.ciudad}">
					<f:selectItem itemLabel="" itemValue="" />
					<f:selectItems value="#{registrarQuejaAerolinea.listaCiudad}"
						var="itemCiudad" itemLabel="#{itemCiudad.descripcion}"
						itemValue="#{itemCiudad}" />
					<f:param name="cid"
						value="#{javax.enterprise.context.conversation.id}" />
				</rich:select>
				<rich:message for="selectorCiudad" />
			</li><li>
				<!-- Aeropuerto -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.aeropuerto']}" styleClass="requiredLabel_css" />
				<rich:select value="#{registrarQuejaAerolinea.aeropuerto}"
					id="selectorAeropuerto" enableManualInput="true" onfocus="setSelectDimensions(this)"
					converter="#{aeropuertoConvertidor}" onlistshow="showToolTip(this)"
					disabled="#{not empty registrarQuejaAerolinea.aeropuerto}">
					<f:selectItem itemLabel="" itemValue="" />
					<f:selectItems value="#{registrarQuejaAerolinea.listaAeropuerto}"
						var="itemAeropuerto" itemLabel="#{itemAeropuerto.nombre}"
						itemValue="#{itemAeropuerto}" />
					<f:param name="cid"
						value="#{javax.enterprise.context.conversation.id}" />
				</rich:select>
				<rich:message for="selectorAeropuerto" />
			</li><li>
				<!-- Aerolinea -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.aerolinea']}" styleClass="requiredLabel_css" />
				<rich:select value="#{registrarQuejaAerolinea.aerolinea}"
					id="selectorAerolinea" enableManualInput="true" onfocus="setSelectDimensions(this)"
					converter="#{aerolineaConvertidor}" onlistshow="showToolTip(this)"
					disabled="#{not empty registrarQuejaAerolinea.aerolinea}">
					<f:selectItem itemLabel="" itemValue="" />
					<f:selectItems value="#{registrarQuejaAerolinea.listaAerolinea}"
						var="itemAerolinea" itemLabel="#{itemAerolinea.descripcion}"
						itemValue="#{itemAerolinea}" />
					<f:param name="cid"
						value="#{javax.enterprise.context.conversation.id}" />
				</rich:select>
				<rich:message for="selectorAerolinea" />
			</li><li>
				<!-- Fecha del vuelo de los hechos -->
				<h:outputLabel styleClass="requiredLabel_css" 
					value="${label['registrarQuejaAerolinea.fechaVueloDeLosHechos']}"/>
				<siga:calendario pIdentificador = "calendarFechaVueloDeLosHechos" pValor = "#{registrarQuejaAerolinea.fechaVueloDeLosHechos}"/>
			</li><li>
				<!-- Hora del vuelo -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.horaVuelo']}" styleClass="requiredLabel_css" />
				<h:inputText id="inputHoraVuelo" value="#{registrarQuejaAerolinea.horaVuelo}"
				disabled="#{not empty registrarQuejaAerolinea.horaVuelo}" />
				<rich:message for="inputHoraVuelo" />
			</li><li>
				<!-- Numero del vuelo -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.numeroVuelo']}" styleClass="requiredLabel_css" />
				<h:inputText id="inputNumeroVuelo" value="#{registrarQuejaAerolinea.numeroVuelo}"
				disabled="#{not empty registrarQuejaAerolinea.numeroVuelo}" />
				<rich:message for="inputNumeroVuelo" />
			</li><li>
				<!-- Origen -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.origen']}" styleClass="requiredLabel_css" />
				<rich:select value="#{registrarQuejaAerolinea.origen}"
					id="selectorOrigen" enableManualInput="true" onfocus="setSelectDimensions(this)"
					converter="#{aeropuertoConvertidor}" onlistshow="showToolTip(this)"
					disabled="#{not empty registrarQuejaAerolinea.origen}">
					<f:selectItem itemLabel="" itemValue="" />
					<f:selectItems value="#{registrarQuejaAerolinea.listaOrigen}"
						var="itemOrigen" itemLabel="#{itemOrigen.nombre}"
						itemValue="#{itemOrigen}" />
					<f:param name="cid"
						value="#{javax.enterprise.context.conversation.id}" />
				</rich:select>
				<rich:message for="selectorOrigen" />
			</li><li>
				<!-- Destino -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.destino']}" styleClass="requiredLabel_css" />
				<rich:select value="#{registrarQuejaAerolinea.destino}"
					id="selectorDestino" enableManualInput="true" onfocus="setSelectDimensions(this)"
					converter="#{aeropuertoConvertidor}" onlistshow="showToolTip(this)"
					disabled="#{not empty registrarQuejaAerolinea.destino}">
					<f:selectItem itemLabel="" itemValue="" />
					<f:selectItems value="#{registrarQuejaAerolinea.listaDestino}"
						var="itemDestino" itemLabel="#{itemDestino.nombre}"
						itemValue="#{itemDestino}" />
					<f:param name="cid"
						value="#{javax.enterprise.context.conversation.id}" />
				</rich:select>
				<rich:message for="selectorDestino" />
			</li><li>
				<!-- Trayecto de conexion -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.trayectoConexion']}" />
				<h:inputText id="inputTrayectoriaConexion" value="#{registrarQuejaAerolinea.trayectoConexion}"
				disabled="#{not empty registrarQuejaAerolinea.trayectoConexion}" />
				<rich:message for="inputTrayectoriaConexion" />
			</li></ul>	
		</h:panelGroup>
	</rich:collapsiblePanel>
	
	<rich:collapsiblePanel header="${label['registrarQuejaAerolinea.informacionAdicional']}" switchType="client">
		<h:panelGroup styleClass="form_2_css">
			<ul><li>
				<!-- Motivo de la reclamación -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.motivoReclamacion']}" styleClass="requiredLabel_css" />
				<rich:select value="#{registrarQuejaAerolinea.motivoReclamacion}"
					id="selectorMotivoReclamacion" enableManualInput="true" onfocus="setSelectDimensions(this)"
					converter="#{tipoConvertidor}" onlistshow="showToolTip(this)"
					disabled="#{not empty registrarQuejaAerolinea.motivoReclamacion}">
					<f:selectItem itemLabel="" itemValue="" />
					<f:selectItems value="#{registrarQuejaAerolinea.listaMotivoReclamacion}"
						var="itemMotivoReclamacion" itemLabel="#{itemMotivoReclamacion.descripcion}"
						itemValue="#{itemMotivoReclamacion}" />
					<f:param name="cid"
						value="#{javax.enterprise.context.conversation.id}" />
				</rich:select>
				<rich:message for="selectorMotivoReclamacion" />
			</li>
			<li class="colspan_2 rowspan">
				<!-- Relato de los hecho ocurridos -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.relatoHechosOcurridos']}" styleClass="requiredLabel_css" />
				<h:inputTextarea id="inputRelatoHechosOcurridos" value="#{registrarQuejaAerolinea.relatoHechosOcurridos}"
				disabled="#{not empty registrarQuejaAerolinea.relatoHechosOcurridos}" />
				<rich:message for="inputRelatoHechosOcurridos" />
			</li><li>
				<!-- Compensaciones Recibidas -->
				<h:outputLabel value="${label['registrarQuejaAerolinea.compensacionRecibida']}" />
				<rich:select value="#{registrarQuejaAerolinea.compensacionRecibida}"
					id="selectorCompensacionRecibida" enableManualInput="true" onfocus="setSelectDimensions(this)"
					converter="#{compensacionConvertidor}" onlistshow="showToolTip(this)"
					disabled="#{not empty registrarQuejaAerolinea.compensacionRecibida}">
					<f:selectItem itemLabel="" itemValue="" />
					<f:selectItems value="#{registrarQuejaAerolinea.listaCompensacionRecibida}"
						var="itemCompensacionRecibida" itemLabel="#{itemCompensacionRecibida.descripcion}"
						itemValue="#{itemCompensacionRecibida}" />
					<f:param name="cid"
						value="#{javax.enterprise.context.conversation.id}" />
				</rich:select>
				<rich:message for="selectorCompensacionRecibida" />
			</li></ul>	
		</h:panelGroup>
	</rich:collapsiblePanel>
	
	<h:panelGroup styleClass="buttons_css">
		<a4j:commandButton value="${label['boton.cancelar']}" immediate="true" 
			onclick="#{rich:component('cancelarCancelar')}.show(); return false;">
		</a4j:commandButton>
		<a4j:commandButton value="${label['boton.enviar']}"
			action="#{registrarQuejaAerolinea.iniciarProceso()}"
			render="generalForm" execute="generalForm">
			<f:param name="cid" value="#{javax.enterprise.context.conversation.id}" />			
		</a4j:commandButton>
	</h:panelGroup>

</html>